@font-face
{
    src:url(../fonts/AraAsmaaBeltajie-Regular.otf); 
    font-family:ara;
}

@font-face
{
    src:url(../fonts/Muslimah_Light.otf); 
    font-family:light;
}

@font-face
{
    src:url(../fonts/Ara_Ahrar.otf); 
    font-family:ahrar;
}

/*header*/

.row
{
    margin-right: 0px;
    margin-left: 0;
}

.mainheader 
{
    text-align:center;
    background-image:url('../images/sora.jpg') ;
    background-repeat: no-repeat;
}

.overlay 
{
    background-color: rgba(242, 242, 250, 0.35);
}


.logo 
{
    border:2px #2c1154 solid ; 
    margin: 0px auto;
    margin-top:70px;
    border-radius:50%;
    box-shadow: 5px 5px 2px rgba(38, 17, 56, 0.49);
}

.header h1
{
   color: white;
    width:30%;
    font-size:70px;
    text-align:center;
    margin:auto;
    font-family: light;
    margin-top: 3px;
    margin-bottom: 30px;
    font-weight:900;
    border:1px solid white;
    box-shadow: 5px 5px 2px rgba(4, 4, 25, 0.15);
    border-radius:20px;
    background-color:rgba(4, 4, 25, 0.30);
}

.header h3 
{
    color:white;
    width:40%;
    font-size:18px;
    text-align:center;
    margin:auto;
    font-family:Ahlan;
    margin-bottom:80px;
    background-color:rgba(38, 17, 56, 0.59);
    box-shadow: 5px 5px 2px rgba(4, 4, 25, 0.15);
    padding:20px;
    border-radius:20px;
    line-height:22px;
}

@media (max-width: 1020px)
{

.mainheader 
{
    text-align:center;
    background-image:url('../images/sora.jpg') ;
    background-repeat: no-repeat;
    background-size:100% 100%;

}

.logo 
{
    margin-top:30px;
}

.header h1
{
    font-size:50px;
    width:50%;
    margin-bottom: 25px;
}

.header h3 
{
    width:60%;
    margin-bottom:30px;
}

}

/*nav*/

.nav
{
    margin-top:10px;
    margin-bottom:10px;
}

.navbar-header button 
{
    background-color:#adabab;
}

.dropdown-menu li a 
{
      color: #3c1870;
      font-family:ara;
      font-size: 19px;
}

.navbar-header a 
{
     padding: 14px 16px;
     margin-top:20px;
     font-size: 35px;
     font-family:light;
     font-weight:900;
     margin-right:20px;
     margin-left:10px;
     margin-bottom:10px;
     color:#ad74ac;
     border-bottom:2px solid;
}

.style
{
      color: #3c1870;
      text-align: center;
      padding: 14px 16px;
      font-size: 20px;
      border-radius: 25px;  
      font-family:ara;
      margin-right:10px;
      margin-left:10px;
      margin-top:5px;
      margin-bottom:10px;
      background-color:white;
      box-shadow: 5px 5px 2px rgba(4, 4, 25, 0.25);
      border-radius:20px;
      border-bottom:1px solid #3c1870;
}

.nav li a:hover
{
	background-color:#f6f000;
}

/*content*/

.content
{
    margin-top:40px;
    margin-bottom:40px;
}


.formRow
{
    margin-right:25px;
    margin-left:25px;
    background-color:#cccbcb;
    box-shadow: 5px 5px 2px rgba(38, 17, 56, 0.49);
    border-radius:20px;
    padding:30px;

}

.form-control
{
    margin-bottom:20px;
    height: 50px;
    padding: 14px 24px;
    box-shadow: 5px 5px 2px rgba(38, 17, 56, 0.49);
    border-radius:50px;
    text-align:right;
}

.content .btn-primary 
{
    color: white;
    background-color: #adabab;
    box-shadow: 5px 5px 2px rgba(38, 17, 56, 0.49);
    border-radius:50px;
    font-size: 17px;
    padding:15px;
    border:1px solid #adabab;
    float:right;
}

.content .btn-primary:hover {
    background-color: #3c1870;
}

.content p
{
    float:right;
    padding:20px;
    margin-right:20px;
    margin-bottom:20px;
    font-size:23px;
    font-family: 'Arabic Typesetting';
    color:#3c1870;
    text-align:center;
    background-color:#cccbcb;
    box-shadow: 5px 5px 2px rgba(38, 17, 56, 0.49);
    border-radius:20px;
}

.content  h3
{

    float:right;
    padding:20px;
    margin-top:40px;
    margin-right:9px;
    margin-left:10px;
    font-size:24px;
    font-family: 'Arabic Typesetting';
    color:#3c1870;
    text-align:center;
    background-color:#cccbcb;
    box-shadow: 5px 5px 2px rgba(38, 17, 56, 0.49);
    border-radius:20px;
    font-weight:600;

}


.content .txt
{
    color:white;
    font-weight:600;
    background-color: #adabab;
} 

.fram
{
    text-align:center;
    margin-bottom:20px;
    max-width:100%;
}

/*footer*/

.footer h1
{
    color:#cccbcb;
    text-align:center;
    font-family:ara;
    margin-bottom:20px;
}

.footer 
{
    padding:30px;
    background-color:#3c1870;
    text-align:center;
}

.footer img 
{
    margin-right: 10px;
    margin-bottom:20px;
    box-shadow: 5px 5px 8px rgba(171, 88, 245, 0.43);
    border-radius:50%;
}


.footer p 
{
    color:white;
    font-family:'Simplified Arabic';
    font-size:18px;
}


.btn-primary {
    color: #3c1870;
    background-color: white;
    margin-bottom:10px;
    font-size:18px;
    box-shadow: 3px 3px 8px rgba(171, 88, 245, 0.43);

}

.footer .copywrite p
{
    margin-top:40px;
    color:#cccbcb;
    font-size:20px;
    font-family:'Bookman Old Style';
}

.btn-primary:hover
{
	background-color:#808080;
}